<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<script src="${pageContext.request.contextPath}/js/Echarts/china.js"></script>

<style>
.btnarea{
    margin-left: -10%;
    padding-top: 12px;
    width:100%;
}

.labelstyle{
    font-weight: bold;
    font-size: 11px;
}
</style>

<div ng-controller="warningConfigController as controller">
	<div class="wrap">
		<div class="mapTips">
			<h6>
				<i class="glyphicon glyphicon-cog"></i> <span>条件设置</span>
			</h6>
		</div>
		<div class="conditionWrap">
			<div class="wrapFirst" style="height: 57px; margin-bottom: 50px;margin-top: 10px">
				<form role="form" name="tableForm" class="form-horizontal">
					<div class="form-group">
						<div class="row">
							<div class="col-md-10 col-sm-10 col-xs-10">
								<label for="input-userNo_search" class="control-label labelstyle"
									style="padding: 19px 19px 0 3%;float:left;">监控指标:</label>
								<div class="" style="">
										<select class="selectpicker" ng-init=""  style="width: 29%; height: 34px;border-radius: 4px;margin-top: 10px; " ng-model="controller.queryCondition.monitoringIndex" >
										<option value="">全部</option>
										<option  ng-repeat="index in controller.indexList" value={{index}}>{{index}}</option>
										</select>
								</div>
							</div>
							<div class="col-md-2 col-sm-2 col-xs-2">
								<div class="btnarea">
									<button type="button" class="btn btn-primary" style="margin-right:6px; width:39%"
									ng-click="controller.search()"> 搜索
								</button>
								<button type="button" class="btn btn-danger" style="width:39%" 
								ng-click="controller.reset()">重置
								</button>
								</div>
							</div>
						</div>
						
						
						<div style="padding: 19px 0 0 15px;">
							<button class="btn btn-default"
								style="float:left;margin-right:8px;"type="button" 
								ng-click="controller.insertConfig();">新增配置</button>
						</div>
						<div style="float:left;margin-right:8px;">
							<button class="btn btn-default" type="button"
								ng-click="controller.saveConfig()">保存配置</button>
								
						</div>
						<div style="float:left;">
							<button class="btn btn-default" type="button"
								ng-click="controller.delConfig();">删除配置</button>
							
						</div>
						
					</div>
					
				</form>
			</div>


		</div>

		<div class="mapBottom table-bordered"
			style="font-size: 13px; background: white;">
			<table class="table table-bordered" style="font-size: 13px;">
				<tr>
					<th ><input type="checkbox" id="check_all" /></th>
					<th>监控指标</th>
					<th>KPI</th>
					<th>类型</th>
					<th>级别1管控值</th>
					<th>级别2管控值</th>
					<th>级别3管控值</th>
					<th>cmd</th>
				</tr>

				<tr ng-repeat="data in controller.warningConfigList">
					<td><input type="checkbox" class="check_item" />
						<input type="hidden" vlaue={{data.id}} id="id"></td>
				
					<td>{{data.desc}}</td>
					<td>{{data.name}}</td>
					<td>{{data.type}}</td>
					<td><input type="text"
								 id="lv1_low"  value={{data.lv1min}} style="height:21px;width: 27%;padding: 0px 0px;font-size: 1px">-
						<input type="text"
								 id="lv1_high"  value={{data.lv1max}} style="height:21px;width: 27%;padding: 0px 0px;font-size: 1px">
					</td>
					
					
					<td><input type="text"
								 id="lv2_low"  value={{data.lv2min}} style="height:21px;width:27%;padding: 0px 0px;font-size: 1px">-
						<input type="text"
								 id="lv2_high"  value={{data.lv2max}} style="height:21px;width: 27%;padding: 0px 0px;font-size: 1px">
					</td>
				
					<td><input type="text"
								 id="lv3_low"  value={{data.lv3min}} style="height:21px;width: 27%;padding: 0px 0px;font-size: 1px">-
						<input type="text"
								 id="lv3_high"  value={{data.lv3max}} style="height:21px;width: 27%;padding: 0px 0px;font-size: 1px">
					</td>
					<td  ng-mouseenter="controller.warinConfigDtail(data)">
						<button type="button" class="btn btn-primary" title="cmd详情"  ng-model="contentShow"
								 data-toggle="popover"  data-content="<div style='height:100px;width:250px;'><textarea cols='30' rows='3' style='margin-bottom:10px;'  class='subContent'>{{data.cmd}}</textarea><br/><button style='margin-left:125px;margin-right:10px;' class='btn btn-warning btn-sm' id='clean'>清空</button><button class='btn btn-primary btn-sm' id='sub'>提交</button></div>"
								id="btn">
							详情
						</button>
					</td>
				
				</tr>
				
			</table>
			<div class="spagination "
				style="left: 305px; top: -12px; float: left; width: 1105px; position: relative;">
<!-- 				分页文字信息  -->
				<div class=""
					style="top: 25px; width: 100px; position: absolute; right: 1078px; float: left;">总
					{{controller.paginationInfo.totalElements}}条记录</div>
				<div style="position: absolute; left: 0px;">
					<ul uib-pagination
						total-items="controller.paginationInfo.totalPages"
						ng-model="controller.queryCondition.page"
						max-size="controller.paginationInfo.maxSize" class="pagination-md"
						boundary-links="true" items-per-page="1" rotate="false"
						ng-change="controller.pageChanged();" previous-text="上一页"
						next-text="下一页" first-text="首页" last-text="最后一页"></ul>
					<div class="col-md-1"
						style="top: 27px; left: 98%; width: 117px; position: absolute;">
						跳转
						<div class="col-md-1"
							style="left: 29%; float: left; top: 21px; position: absolute;">
							<input ng-model="controller.queryCondition.forwordPage"
								ng-keyup="enterEvent($event)" type="text" class="form-control"
								style="height: 33px; width: 50px; top: -28px; position: absolute;">
						</div>
						<div style="position: absolute; top: 0px; left: 94%;">页</div>

					</div>
				</div>
			</div>

		</div>
	</div>
</div>
<script type="text/javascript">
	$('.wrap').resize(function() {

	});
</script>